<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="myJQuery.js"></script>
    <style>
        div{
            width: 200px;
            height: 200px;
            background-color: pink;
        }
        *{
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
<!--<div></div>-->

<button id="btn">点击测试</button>
<script>
//$("div")[1].style.width="200px";
//$("div")[1].style.height="200px";
//$("div")[1].style.border="30px solid green";
//$("div").css({
//    width:'200px',
//    height:'200px',
//    backgroundColor:'red'
//})
//    document.getElementById("btn").onclick= function () {
//        $("div").eq(0).fadeOut();
//
//    };
function parseHtml(str){
    var div=document.createElement("div");
    div.innerHTML=str;

    return div.children;

}

    var str="<div style='width: 300px;height: 100px;border: 1px solid green;'>" +
            "<p>一段话</p>" +
            "<span>一段话</span>" +
            "</div>" +
            "<p>jjj</p>" +
            "<div style='width: 300px;height: 100px;border: 5px solid blue;box-sizing: border-box'>ffff</div>"
console.log(parseHtml(str));

    for(var i=0;i<parseHtml(str).length;i++){
        document.body.appendChild(parseHtml(str)[i]);
    }

    function appendTo(str,ele){
        parseHtml(str)
    }

</script>
</body>
</html>